<template>
	<view class="settingBgc">  
		<view class="settingList">
			<view class="list me-fx-row-sb-c" @click="updatePhone">
				<view class="fontWeight">
					手机号码
				</view>
				<view class="me-fx-row-start-c fontGray">
					<text>{{phone}}</text>
					<image src="../../static/img/right.png" mode="" class="image"></image>
				</view>
			</view>
			<view class="list me-fx-row-sb-c border" @click="updataPass">
				<view class="fontWeight">
					修改登录密码
				</view>
				<view class="">
					<image src="../../static/img/right.png" mode="" class="image"></image>
				</view>
			</view>
			<view class="list me-fx-row-sb-c border">
				<view class="fontWeight">
					清除图片缓存
				</view>
				<view class="me-fx-row-start-c fontGray">
					<text>1.2</text>
					<image src="../../static/img/right.png" mode="" class="image"></image>
				</view>
			</view>
			<view class="list me-fx-row-sb-c border" @click="opinionBtn">
				<view class="fontWeight ">
					意见反馈
				</view>
				<view class="fontGray">
					<image src="../../static/img/right.png" mode="" class="image"></image>
				</view>
			</view>
			
		</view>	
	<view class="me-fx-row-sb-c dropOut list" @click="outLogin">
		<view class="fontWeight ">
			退出登录
		</view>
		<view class="fontGray">
			<image src="../../static/img/right.png" mode="" class="image"></image>
		</view>
	</view>
	</view>
</template>
	
<script>
	export default {
		data() {
			return {
				phone:''
			}
		},
		created(){
			this.getPhone()
		},
		methods: {
			updatePhone(){
				uni.navigateTo({
					url:'./modificationPhone'
				})
			},
			updataPass(){
				uni.navigateTo({
					url:'./updatePass'
				})
			},
			outLogin(){
					uni.navigateTo({
						url:'../index/index'
					})
					 uni.removeStorageSync('token');
			},
			opinionBtn(){
				uni.navigateTo({
					url:'./opinion'
				})
			},
			getPhone(){
				this.$u.get('/user/mobile').then(res => {
						if (res) {
							console.log(res,'rrr')
							this.phone= res.data.mobile
						}
					})
					.catch((res) => {
						console.log(res.message)
					})
			},
		}
	}
</script>

<style>
.settingBgc{
	background-color: #F9F6FF;
	}
	.settingList {
		border-top: 14rpx solid #F9F6FF;
		background-color: white;
		padding:0 29rpx;
	}
	.list{
		height: 120rpx;
		line-height: 120rpx;
	}
	.fontWeight{
		font-size:30rpx;
		font-weight:bold;
		color:rgba(34,34,34,1);
	}
	.fontGray{
		font-size:30rpx;
		color:rgba(153,153,153,1);
	}
	.image{
		width:10rpx;
		height:20rpx;
		display: block;
		margin-left: 20rpx;
	}
	.border{
		border-top: 1rpx solid #F9F6FF;
	}
	.dropOut{
		border-top: 14rpx solid #F9F6FF;
		background-color: white;
		padding:0 29rpx;
	}
</style>
